<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="./common.css" type="text/css"/>
    <link rel="stylesheet" href="./admin.css" type="text/css"/>
    <link rel="stylesheet" href="./base.css" type="text/css"/>
    <style type="text/css">
        .content {
            width: 570px;
            height: 600px;
            border: 1px solid blue;
        }

        .act_edit {
            width: 570px;
            height: 204px;
            border: 1px solid red;
        }

        .act_edit_title {
            width: 68px;
            height: 204px;
            float: left;
            margin-right: 10px;
            border: 1px solid green;
        }

        .act_edit_pro {
            width: 487px;
            height: 207px;
            float: left;
            border: 1px solid blue;
        }

        .act_edit_pro input {
            display: block;
            width: 487px;
            height: 30px;

            margin-bottom: 10px;
        }

        .goods_edit {
            clear: both;
            width: 768px;
            height: 163px;

            padding-top: 20px;

        }

        /*右边的代码*/
        .right {
            float: right;
            width: 680px;
            height: 163px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e9ecf3;
        }

        .goods_edit_title {
            width: 68px;
            float: left;
            margin-right: 10px;
            border: 1px solid green;
        }

        .goods_img_edit {
            width: 120px;
            height: 163px;
            float: left;
            margin-right: 20px;
        }

        .goods_img {
            width: 120px;
            height: 120px;
            background: #ecedfb;
        }

        .up_goods_img {
            position: relative;
            width: 120px;
            height: 43px;
            border: 1px solid red;
        }

        .goods_infos {
            float: left;
            width: 340px;
            height: 160px;

            border: 1px solid green;
        }

        .goods_name {
            width: 190px;
            height: 30px;
            line-height: 30px;
            margin-bottom: 10px;
            border: 1px solid pink;
        }

        .goods_info {

            width: 340px;
            height: 120px;
            border: 1px solid blue;

        }

        .title {
            font-size: 15px;
            font-weight: bold;
        }

        .button {
            width: 80px;
            height: 30px;
            display: block;
            position: absolute;
            background: #8dd2d5;
            color: white;
            text-align: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .goods_name input {
            display: block;
            width: 190px;
            height: 30px;
            line-height: 30px;
            background: #e9ecf3;
        }

        .goods_info textarea {
            width: 340px;
            height: 120px;
            resize: none;
            background: #e9ecf3;
        }

        /*textare可能共有的属性*/
        textarea {
            resize: none;
            background: #e9ecf3;
        }

        /*去掉另外的一个*/
        .content div {
            margin-bottom: 10px;
        }
    </style>

</head>
<body>
<div class="main">
    <div class="main_big">
        <div class="act_edit">
            <div class="act_edit_title title">
                <label>活动编辑: </label>
            </div>
            <div class="act_edit_pro">
                <input type="text" placeholder="活动一">
                <input type="" placeholder="活动二">
                <input type="" placeholder="活动三">
                <input type="" placeholder="活动四">
                <input type="" placeholder="活动五">
            </div>

        </div>
        <div class="goods_edit">
            <div class="goods_edit_title title">
                商品编辑:
            </div>
            <div class="right">
                <div class="goods_img_edit">
                    <div class="goods_img">

                    </div>
                    <div class="up_goods_img">
                        <button class="button">上传图片</button>
                    </div>
                </div>
                <div class="goods_infos">
                    <div class="goods_name">
                        <input type="text" name="" placeholder="商品名称">
                    </div>
                    <div class="goods_info">
                        <textarea placeholder="商品信息"></textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="goods_edit">
            <div class="goods_edit_title title">
                商品编辑:
            </div>
            <div class="right">
                <div class="goods_img_edit">
                    <div class="goods_img">

                    </div>
                    <div class="up_goods_img">
                        <button class="button">上传图片</button>
                    </div>
                </div>
                <div class="goods_infos">
                    <div class="goods_name">
                        <input type="text" name="" placeholder="商品名称">
                    </div>
                    <div class="goods_info">
                        <textarea placeholder="商品信息"></textarea>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>